<template>
	<view class="goods-item">
		<view class="goods-left">
			<!-- #ifdef H5 -->
			<img class="goods-img" v-lazy="product.images.mini"></img>
			<!-- #endif -->
			<!-- #ifndef H5 -->
			<image class="goods-img" :src="product.images.mini" lazy-load></image>
			<!-- #endif -->
		</view>
		<view class="goods-badge" v-if="product.special">{{product.special}}</view>
		<view class="goods-right">
			<view class="content-top">
				<view class="name">{{product.name}}</view>
				<view class="tag" v-if="product.productDesc"><text class="txt">{{product.productDesc}}</text></view>
				<view class="desc">{{product.shortDesc}}</view>
			</view>

			<view class="content-bottom">
				<view class="price">
					<view class="present">
						<text class="symbol">￥</text>
						<text class="p">{{product.basePrice}}</text>
						<text class="symbol" v-if="product.buttonType !== 1">起</text>
					</view>
					<view class="origin" v-if="product.basePrice < product.originPrice">￥{{product.originPrice}}</view>
				</view>
				
				<!-- 插入区域 -->
				<slot></slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'GoodsList',
		components: {},
		props: {
			product: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		computed: {
			
		},
		mounted() {
			
		},
		methods: {
		
		}
	};
</script>

<style lang="less" scoped>
	@import './goods-card.less';
</style>
